<!Doctype html>
<html lang="en">
<head lang="en">
    <meta charset="UTF-8">
    <!-- 包含头部信息用于适应不同设备
     width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
     nitial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。
     通常情况下，maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- 包含 bootstrap 样式表 -->
    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">
    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>lib/bootstrap-3.3.0/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/sitesuccess.js"></script>

    <title>网站生成成功</title>
    <style>
    body, div {
        margin: 0px;
        padding: 0px;
        border: none;
    }
    body {
        /*background-color: rgb(239, 239, 239);*/
    }
    #line {
        background-color: #eeeeee;
        height: 2px;
        width: 100%;
    }
    #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    #container #div_qrcode {
        width: 100%;
        text-align: center;
    }
    #container #qr_img {
        width: 70%;
    }
    </style>
</head>
<body>
    <div class="container-fluid" id="container">
    <div id="header_title">恭喜</div>
    <div id="line"></div>

    <!-- 网站入口-二维码 start -->
    <h2 class="head" align="center">网站二维码</h2>
    <div id="div_qrcode">
        <img id="qr_img" src="<?php echo base_url().$qrcode;?>" alt="网站二维码">
    </div>
    <div>
        <h3 id="url" align="center"><?php echo $url; ?></h3>
    </div>
    
    <!-- 网站入口-二维码 end -->
    </div>
        <!-- 下一步 -->
    <div class="contaienr-fluid" id="footer_row">
        <div class="row">
            <div class="col-xs-12 text-center" id="nav_next">访问网站</div>
        </div>
    </div>
</body>
</html>